/*
 * @Author: 陈明烽
 * @FilePath: \evdata\src\PageViewPro\indexStyle.tsx
 * @Description: 样式文件
 */
import * as React from 'react';
import { Space, Table } from 'antd';
import styled from '@emotion/styled';

/**总布局 */
export const CPageView = styled.div`
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  /* min-width: 1110px; */
  overflow: hidden;
`;

/**顶部 搜索框等等 */
export const CPageViewTop = styled.div`
  position: absolute;
  top: 48px;
  left: 20px;
  width: calc(100% - 40px);
  padding: 0 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px #d4dfe9;
`;
/**底部 */
export const CPageViewFooter = styled.div`
  width: calc(100% - 40px);
  position: absolute;
  bottom: 10px;
  left: 20px;
`;

/**内容区 */
export const CPageViewContent = styled.div`
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 8px #d4dfe9;
  overflow-y: auto;
  .c-page-view-new-skeleton {
    position: absolute;
    z-index: 3;
  }
`;

/**面包屑 */
export const CPageViewCrumb = styled.div`
  top: 10px;
  left: 20px;
  position: absolute;
`;

/**页面loading */
export const CPageViewSpin = styled.div`
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #f0f2f5;
  text-align: center;
  padding-top: 200px;
`;
